@charset "utf-8";
/* CSS Document */


.noto-sans-jp-400 {font-family: "Noto Sans JP", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
.noto-sans-jp-500 {font-family: "Noto Sans JP", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}
.noto-sans-jp-600 {font-family: "Noto Sans JP", serif; font-optical-sizing: auto; font-weight: 600; font-style: normal;}
.noto-sans-jp-700 {font-family: "Noto Sans JP", serif; font-optical-sizing: auto; font-weight: 700; font-style: normal;}

.bg_black{background-color: rgba(0,0,0,0.6); background-image: none;}
.bg_black_no{background-color: rgba(0,0,0,0); background-image: none;}

.footer-area { background: #444; padding:0 30px;}
.footer-area .footer-title {color:#fff;}
.footer-area .footer-detail {color:#fff;}

.slick-dots {z-index:100; bottom: -35px;}
.slick-dots li button:before {font-size: 10px;}

.slick-dots li button,
.slick-dots li button:before,
.slick-dots li button:hover,
.slick-dots li button:hover:before,
.slick-dots li button:active,
.slick-dots li button:active:before,
.slick-dots li button:focus,
.slick-dots li button:focus:before,
body.iphone-access .slick-dots li button,
body.iphone-access .slick-dots li button:before,
body.iphone-access .slick-dots li button:hover,
body.iphone-access .slick-dots li button:hover:before,
body.iphone-access .slick-dots li button:active,
body.iphone-access .slick-dots li button:active:before,
body.iphone-access .slick-dots li button:focus,
body.iphone-access .slick-dots li button:focus:before,
body.android-access .slick-dots li button,
body.android-access .slick-dots li button:before,
body.android-access .slick-dots li button:hover,
body.android-access .slick-dots li button:hover:before,
body.android-access .slick-dots li button:active,
body.android-access .slick-dots li button:active:before,
body.android-access .slick-dots li button:focus,
body.android-access .slick-dots li button:focus:before
{
    color: rgba(255 , 255 , 255 , 0.9);
    opacity: 0.4;
}

.slick-dots li.slick-active button,
.slick-dots li.slick-active button:before,
body.iphone-access .slick-dots li.slick-active button,
body.iphone-access .slick-dots li.slick-active button:before,
body.android-access .slick-dots li.slick-active button,
body.android-access .slick-dots li.slick-active button:before
{
    color: #fff;
    opacity: 1;
    animation: none;
    transform: none;
    transition: unset;
}

.prev-arrow::before
{
    content: "\f137";
    font-family: FontAwesome;
}
.next-arrow::before
{
    content: "\f138";
    font-family: FontAwesome;
}

.arrow_box {
    display: flex !important;
}
body.horizontal-mode.is_sp .arrow_box,
body.horizontal-mode.iphone-access .arrow_box,
body.horizontal-mode.android-access .arrow_box
{
    display: flex !important;
}